Next.js শুধু একটি ফ্রন্ট-এন্ড ফ্রেমওয়ার্কই নয়, এটি একটি ব্যাক-এন্ড ফিচারও সরবরাহ করে, যার মাধ্যমে আপনি API Routes তৈরি করতে পারেন। API Routes আপনাকে সার্ভার-সাইড লজিকের জন্য HTTP রিকোয়েস্ট প্রোসেসিং করতে সক্ষম করে, এটি খুবই কার্যকরী বিশেষ করে যখন আপনি পূর্ণ স্ট্যাক অ্যাপ্লিকেশন তৈরি করছেন।
Next.js এর API Routes আপনাকে সহজেই API এর জন্য রাউট তৈরি এবং পরিচালনা করার সুবিধা দেয়, যা ফ্রন্ট-এন্ড এবং ব্যাক-এন্ডের মধ্যে যোগাযোগ নিশ্চিত করে। এই ফিচারটি খুবই সুবিধাজনক, কারণ এতে সার্ভার সাইড কোড রেজিস্টার, রক্ষণাবেক্ষণ এবং ডিপ্লয়মেন্ট সহজ হয়।
API Routes কী?
Next.js এর API Routes এমন একটি ফিচার, যা আপনাকে সার্ভার সাইডের API এন্ডপয়েন্ট তৈরি করতে সহায়তা করে। সাধারণভাবে, API তৈরি করতে আপনাকে এক্সপ্রেস (Express.js) বা অন্য কোনো সার্ভার ফ্রেমওয়ার্ক ব্যবহার করতে হয়, কিন্তু Next.js এর মাধ্যমে API Routes সরাসরি pages/api/ ফোল্ডারে তৈরি করা যায়।
মূল বৈশিষ্ট্য:
- Serverless Functions: API Routes সার্ভারলেস ফাংশন হিসেবে কাজ করে। এটি Serverless Framework এর মতোই ব্যবহৃত হয়, যেখানে প্রতিটি API কল একটি ছোট ফাংশন হিসেবে কাজ করে।
- No Server Setup: আপনি আলাদা কোনো সার্ভার সেটআপ বা কনফিগার করার প্রয়োজন নেই, Next.js স্বয়ংক্রিয়ভাবে API Routes পরিচালনা করে।
- Full-stack Development: ফ্রন্ট-এন্ড এবং ব্যাক-এন্ড কোড একসাথে একই প্রজেক্টে রাখা যায়, যা পুরো প্রজেক্টের ডেভেলপমেন্টকে অনেক সহজ করে দেয়।
API Routes এর প্রয়োজনীয়তা
- ফ্রন্ট-এন্ড এবং ব্যাক-এন্ড একত্রিত: Next.js এর মাধ্যমে আপনি একই প্রজেক্টে ফ্রন্ট-এন্ড (React পেজ) এবং ব্যাক-এন্ড (API Routes) কোড রাখতে পারেন। এটি সম্পূর্ণ স্ট্যাক অ্যাপ্লিকেশন তৈরি করা সহজ করে তোলে, এবং ডেভেলপমেন্টের সময় অনেক সুবিধা প্রদান করে।
- স্টেটলেস API: API Routes গুলি স্টেটলেস (stateless) হয়, অর্থাৎ প্রতিটি রিকোয়েস্ট আলাদা, এবং সার্ভার রিকোয়েস্ট শেষে কোনো স্টেট সংরক্ষণ করে না। এটি API ব্যবহারের সময় স্কেলেবিলিটি এবং রিসোর্স ম্যানেজমেন্ট সহজ করে তোলে।
- অটোমেটিক সার্ভারলেস ডিপ্লয়মেন্ট: Next.js API Routes সার্ভারলেস ফাংশন হিসেবে কাজ করে, যা কোনো আলাদা সার্ভার বা হোস্টিং সেটআপ ছাড়া ক্লাউড সার্ভিসে ডিপ্লয় করা যায়। যেমন Vercel (Next.js এর ডেভেলপার) বা Netlify এর মাধ্যমে API সহজে ডিপ্লয় করা যায়।
- সহজ ডিবাগিং এবং কাস্টমাইজেশন: Next.js API Routes সহজেই ডিবাগ করা যায় কারণ এগুলি সাধারণ JavaScript বা TypeScript ফাইল হিসাবে কাজ করে। আপনি চাইলে কোনো middleware যুক্ত করতে পারেন, কাস্টম হ্যান্ডলিং, কিংবা অ্যাসিনক্রোনাস অপারেশনগুলো সহজভাবে ইমপ্লিমেন্ট করতে পারেন।
- নিরাপত্তা: API Routes ব্যবহারের মাধ্যমে আপনি ব্যাক-এন্ড কোডের গোপনীয়তা রাখতে পারেন, কারণ এটি শুধুমাত্র সার্ভার সাইডে চলে এবং ব্রাউজারে এক্সপোজ হয় না।
API Routes তৈরি করা
Next.js এর মাধ্যমে API Routes তৈরি করা খুবই সহজ। আপনার pages/api/ ফোল্ডারে একটি নতুন ফাইল তৈরি করলেই সেটি একটি API এন্ডপয়েন্ট হিসেবে কাজ করবে।
উদাহরণ:
ধরা যাক, আপনি একটি সিম্পল API তৈরি করতে চান যা ইউজারের নাম ফেরত দেবে।
pages/api/hello.js ফাইলটি তৈরি করুন:
// pages/api/hello.js
export default function handler(req, res) {
res.status(200).json({ name: 'John Doe' });
}
এখন, আপনি http://localhost:3000/api/hello এ গিয়ে এই API এন্ডপয়েন্টটি কল করতে পারবেন। এটি একটি JSON রেসপন্স রিটার্ন করবে:
{
"name": "John Doe"
}
এটি একটি GET রিকোয়েস্ট হ্যান্ডল করার উদাহরণ, কিন্তু আপনি POST, PUT, DELETE ইত্যাদি HTTP মেথডও ব্যবহার করতে পারেন।
API Routes এ HTTP মেথড হ্যান্ডলিং
আপনি req.method ব্যবহার করে বিভিন্ন HTTP মেথড (GET, POST, PUT, DELETE) হ্যান্ডল করতে পারেন।
উদাহরণ: POST রিকোয়েস্ট হ্যান্ডলিং
pages/api/user.js ফাইল:
// pages/api/user.js
export default function handler(req, res) {
if (req.method === 'POST') {
const { name, email } = req.body; // POST ডাটা
res.status(200).json({ message: `User ${name} created successfully` });
} else {
res.status(405).json({ message: 'Method Not Allowed' });
}
}
এখানে, আপনি POST রিকোয়েস্টের মাধ্যমে ইউজারের নাম এবং ইমেইল সার্ভারে পাঠাতে পারবেন।
সারাংশ
Next.js এর API Routes আপনাকে একটি সম্পূর্ণ ফ্রন্ট-এন্ড এবং ব্যাক-এন্ড সমন্বিত অ্যাপ্লিকেশন তৈরি করতে সাহায্য করে। এটি সার্ভারলেস ফাংশন হিসেবে কাজ করে এবং খুব সহজে API তৈরি ও পরিচালনা করা যায়। এর মাধ্যমে আপনার অ্যাপ্লিকেশনের ব্যাক-এন্ড লজিক এবং ফ্রন্ট-এন্ড কোড একই প্রজেক্টে থাকতে পারে, যা ডেভেলপমেন্ট এবং ডিপ্লয়মেন্ট প্রক্রিয়াকে অনেক সহজ করে তোলে।
Read more
